$(function () {
    // 概述，参数，包装
    $(".detail-ul").on("click", "li", function () {
        var $this = $(this)
        $(this).addClass("active").siblings().removeClass("active");
        $(".summary-wrapper").fadeOut();
        $($(".summary-wrapper")[$this.index()]).fadeIn();
    });

    // var ie6 = document.all;
    // var dv = $('.detail-fixed'),
    //     st;
    // dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离 
    // $(window).scroll(function () {
    //     st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
    //     console.log(st, ":", dv.attr('otop'))
    //     if (st > parseInt(dv.attr('otop'))) {
    //         if (ie6) { //IE6不支持fixed属性，所以只能靠设置position为absolute和top实现此效果 
    //             dv.css({
    //                 position: 'absolute',
    //                 top: st
    //             });
    //         } else if (dv.css('position') != 'fixed') dv.css({
    //             'position': 'fixed',
    //             'box-shadow': '0px 5px 5px rgba(0,0,0,0.07)',
    //             top: 0
    //         });
    //     } else if (dv.css('position') != 'static') dv.css({
    //         'position': 'static'
    //     });
    // });
});

function menuFixed (id) {
    var obj = document.getElementById(id);
    var _getHeight = obj.offsetTop;

    window.onscroll = function () {
        changePos(id, _getHeight);
    }
}

function changePos (id, height) {
    var obj = document.getElementById(id);
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    console.log(scrollTop, height)
    if (scrollTop < height) {
        obj.style.position = 'relative';
    } else {
        obj.style.position = 'fixed';
    }
}
window.onload = function () {
    menuFixed('detail-fixed');
}